@CHARSET "UTF-8";

body {margin: 0; padding: 0 1% 0 1%; background-color: #efefe7; color: #666666}
body, td {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 18px}
hr {color:#dadad1; width:97%}
input, select {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; padding: 0}

#header
{
	background-image: url(topBgBigDarkBlue.jpg);
	background-repeat: repeat-x;
	height:80px;
}

#logo
{
	color:#FFF;
	font-size: 30px;
	padding-left:80px;
	padding-top:30px;
	float: left;
}

#logo a
{
	color:#FFF;
	text-decoration:none;
}

#mainmenu
{
	float:right;
	padding-top:15px;
	padding-right:80px;
	font-size: 11px;
}

#mainmenu ul
{
	padding:7px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color: white;
    text-decoration: underline;
    padding: 11px 8px 8px 8px;
}

#mainmenu ul li a:hover
{
	color: white;
}
#mainmenu ul li.active a
{
}

.cellLeftMargin, .cellRightMargin {background-color: #efefe7}
.cellLeftMargin {width: 19px}
.cellRightMargin {width: 19px}

.topShadow
{
	width: 100%;
	background-color: white;
	height:41px;
}
	
.topShadow .cellLeftMargin
{
	/*float: left;*/
	height:41px;
	background-color: #EFEFE7;
	background-image: url(topShadowLeftMargin.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
}

.cellTopShadow2Left
{
	width: 25%;
	/*float: left;*/
	background-image: url(topShadowBg.gif);
	background-repeat: repeat-x;
	text-align: right;
}

.topShadow2Left
{
	background-image: url(topShadow2Left.gif);
	background-repeat: no-repeat;
	height:41px;
}

.cellTopShadow2Right
{
	width: 75%;
	/*float: left;*/
	background-image: url(topShadowBg.gif);
	background-repeat: repeat-x;
}

.topShadow2Right
{
	width:100%;
	background-image: url(topShadowRight.gif);
	background-position: 100% 0%;
	background-repeat: no-repeat;
	height: 41px;
}

.topShadow .cellRightMargin
{
	/*float: right;*/
	height:41px;
	background-color: #EFEFE7;
	background-image: url(topShadowRightMargin.gif);
	background-repeat: no-repeat;
}

.sidebar
{
	float: left;
	width: 300px;
	/*padding:0px 10px;*/
	background-color:white;
}

.content
{
	margin-left: 310px;
	padding:5px;
}

.container
{
	/*clear: both;*/
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.center
{
	margin-left:19px;
	margin-right:19px;
}

.maincontent
{
	padding-left:19px;
	padding-right:19px;
}

.portlet
{
	border-top: 1px solid #DADAD1;
	padding: 10px 0px 12px 21px;
}

.breadcrumbs
{
	border-bottom: 1px solid #DADAD1;
	color: #AFAFAF;
	font-size: 11px;
	margin: 0px 10px 0px 17px;
	padding-bottom: 5px;
}

.breadcrumbs a
{
	color: #AFAFAF;
}

.content
{
	background-color: white;
	color: #797979;
	font-size: 12px;
	padding: 15px 10px 50px 16px;
}

.tableTop, .tableMain, .insideTableMain {width: 100%}
.tableTop, .tableTop td {height: 80px;}
.tableTop .cellLeftMargin, .tableTop .cellRightMargin {background-color: transparent}
.tableTop {background-image: url(topBgBigDarkBlue.jpg); background-repeat: repeat-x}
.tableMain, .insideTableMain {background-color: #ffffff}
.tableMain .cellLeftMargin, .tableMain .cellRightMargin {background-color: #efefe7}
.tableTop .cellTop {text-align:right; text-transform:uppercase; color:#FFF; font-size: 16px; font-weight:bold ;padding-right:25px}
.tableNavigationBar {width: 100%}

a img {border-width: 0}
a {color: #2c6eaa}

h1, div.h1 {color: #3783c8; font-size: 20px; font-weight: normal; margin: 20px 10px 10px 17px}
h2 {color: #2c6eaa; font: 14px Verdana, sans-serif; font-weight: bold; margin-top: 10px; margin-bottom: 5px}
h3 {font-size: 12px; color: #343434; font-weight: normal; margin: 5px 5px 5px 5px}

.textmain {margin: 20px 10px 10px 17px}

.tableRamka {margin: 20px 10px 10px 17px; background-color: #b8b8b8}
.cellStats {background-color: #FFFFFF;}

form {
    margin-bottom: 0
}

form p {
    clear: left;
    padding:0px 0px 0px 0px;
}
form p label {
    float: left;
    width: 30%;
    text-align: right;
    margin-top:0px;
}

form p input,form p select,form p textarea {
    width:30%;
    margin-left:2%;
    font-size:1em;
    
    BORDER-RIGHT: #b8b8b8 1px solid;
    BORDER-TOP: #b8b8b8 1px solid;
    FONT-WEIGHT: normal;
    BACKGROUND: #efefe7;
    BORDER-LEFT: #b8b8b8 1px solid;
    COLOR: #666666;
    BORDER-BOTTOM: #b8b8b8 1px solid
}

form p input.button {
    margin-left:32%;
    display:block;
}

.errform {
    text-align: center;
    padding:0.5em 0 0.5em 0;
    margin:0 0 0.5em 0;
    background-color:#fdb7b7;
}

#infoMessage {
    border: solid 2px #b0b0b0;
    background-color:#eeeeee;
    margin:1em 1em 1em 1em;
    padding:1em;
}

#errMessage {
    border: solid 2px #b0b0b0;
    background-color:#fdb7b7;
    margin:1em 1em 1em 1em;
    padding:1em;
}

#infoMessage2 {
    border: solid 2px #b0b0b0;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    background-color:#eeeeee;
    margin:1em 220px 1em 1em;
    padding:1em;
}